<!DOCTYPE html>
<html>
<body>
<template id="target-template">
<svg width="90" height="90">
<text>
<tspan class="target">
abcd
</tspan>
</text>
</svg>
</template>
<script src="resources/interpolation-test.js"></script>
<script>
'use strict';
assertAttributeInterpolation({
  property: 'rotate',
  from: '20, 30, 40, 500',
  to: '120, 130, 140, 1500'
}, [
  {at: -0.4, is: '-20, -10, 0, 100'},
  {at: 0, is: '20, 30, 40, 500'},
  {at: 0.2, is: '40, 50, 60, 700'},
  {at: 0.6, is: '80, 90, 100, 1100'},
  {at: 1, is: '120, 130, 140, 1500'},
  {at: 1.4, is: '160, 170, 180, 1900'}
]);
assertAttributeInterpolation({
  property: 'rotate',
  from: '60',
  to: '70, 80'
}, [
  {at: -0.4, is: '60'},
  {at: 0, is: '60'},
  {at: 0.2, is: '60'},
  {at: 0.6, is: '70, 80'},
  {at: 1, is: '70, 80'},
  {at: 1.4, is: '70, 80'}
]);
</script>
</body>
</html>
